<template>
  <div class="h-panel">
    <div class="h-panel-bar">
      <span class="h-panel-title">开发者选项</span>
    </div>
    <div class="h-panel-body">
      <p>开启该选项后，您可以将微信机器人与您的系统/应用对接，实现自动发送消息到微信群的功能。点击查看接入文档。</p>
      <Form :label-width="110" :model="data" ref="form" :rules="rules" :showErrorTip="showErrorTip" style="width: 500px">
        <FormItem label="AppID" prop="list[0]">
          <div class="h-input-group">
            <input type="text" placeholder="" readonly/>
            <Button color="primary">重新生成</Button>
          </div>
        </FormItem>
        <FormItem label="启用开发者设置">
          <Checkbox v-model="f_chat">是否启用</Checkbox>
        </FormItem>
        <FormItem :no-padding="true">
          <Button color="primary" @click="submit">保存</Button>
          <Button @click="reset">去群管理设置启用</Button>
        </FormItem>
      </Form>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      data: {
        list: []
      },
      rules: {},
      showErrorTip: '',
      required: true,
      f_chat: false,
      f_2: false
    }
  },
  methods: {},
  components: {}
}
</script>

<style>
</style>
